@charset "utf-8";
/* css reset */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;list-style:none}  
body{color:#333;font-family:Microsoft YaHei,'微软雅黑',Arial;font-size:12px;}  
a{text-decoration:none;color:#0099cc;}
a:hover{text-decoration:underline;color:#0099cc;}
a:focus{ outline:0;} /* for Firefox */
em{font-style:normal}  
img{border:0;}
table{border-collapse:collapse;border-spacing:0}
body{ background-color:#f5f5f5;}
.fl{ float:left;}
.fr{ float:right;}
.content{ width:1000px; margin:0 auto;}
.font-orange{ color:#ff6600;}
.font-bule{ color:#0099cc;}
.font-green{ color:#339933;}
.font-red{ color:#ff6666;}
.font-gray{ color:#aaa;}
/* 后台框架 */
.frame-header{ position:fixed; left:0; right:0; top:0; height:60px; background-color:#0cb4eb;}
.frame-header .logo{ width:180px; height:60px; /*background-color:#4a4c55;*/ text-align:center; padding:14px 0;}
.frame-header .location{ color:#a6dcf5; font-size:14px; line-height:32px; margin:14px;}
.frame-header .location b{ font-weight:normal;}
.frame-header .location span{ color:#fff;}
.frame-header .userinfo{ color:#fff; font-size:14px; line-height:20px; margin:20px 20px 0 0;}
.frame-header .userinfo span{ font-weight:bold; padding:0 2px;}
.frame-header .linksbtn{ height:20px; font-size:14px; line-height:20px; margin:20px 0 0;}
.frame-header .linksbtn li{ float:left; border-left:#0ba2d3 solid 1px; list-style:none;}
.frame-header .linksbtn li a{ position:relative; display:block; width:auto; height:20px; border-left:#25bced solid 1px; color:#fff; text-decoration:none; margin:0; padding:0 20px 0 40px;}
.frame-header .linksbtn li a i{ position:absolute; left:18px; display:block; width:20px; height:20px;}
.frame-header .linksbtn li a:hover{ color:#fff;}
.icon-back{ background:url(../images/header-icon.png) -52px -3px;}
.icon-exit{ background:url(../images/header-icon.png) -27px -3px;}
.frame-left{ position:fixed; left:0; top:60px; bottom:0; width:180px; overflow:auto; background-color:#3b3d46;}
.fm-left-menu{ height:auto; overflow:hidden;}
.fm-left-menu li{ display:block; height:auto; overflow:hidden; font-size:14px; line-height:50px; list-style:none; margin:0 0 8px; padding:0;}
.fm-left-menu li a{ position:relative; display:block; width:180px; height:50px; border-left:2px solid; border-color:transparent; color:#959ca6; text-decoration:none; padding:0 0 0 46px; transition:background 1s ease-out;/* Firefox 4 */ -moz-transition:background 1s ease-out;/* Safari 和 Chrome */ -webkit-transition:background 0.3s ease-out;/* Opera */-o-transition:background 1s ease-out;}
.fm-left-menu li a:hover{ background:#33353d;}
.fm-left-menu .cur{ background:#2c2d35!important; border-color:#0cb4eb; color:#fff; font-weight:bold;}
.fm-left-menu li a i.icon{ position:absolute; left:16px; top:12px; display:block; width:25px; height:25px; background-image:url(../images/leftmenu-icon.png);}
.icon-01{ background-position:0 0;}
.icon-02{ background-position:-25px 0;}
.icon-03{ background-position:-50px 0;}
.icon-04{ background-position:-75px 0;}
.icon-05{ background-position:-100px 0;}
.cur .icon-01{ background-position:0 -25px;}
.cur .icon-02{ background-position:-25px -25px;}
.cur .icon-03{ background-position:-50px -25px;}
.cur .icon-04{ background-position:-75px -25px;}
.cur .icon-05{ background-position:-100px -25px;}
.frame-main{ position:fixed; left:0; right:0; top:60px; bottom:0; overflow:auto; padding:15px 0;}
.fm-content{ min-height:100%; margin:0 15px;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.frame-scroll::-webkit-scrollbar{ width:8px; height:8px; background-color:transparent;}
/*定义滚动条轨道 内阴影+圆角*/
.frame-scroll::-webkit-scrollbar-track{ border-radius:4px; background-color:transparent;}
/*定义滑块 内阴影+圆角*/
.frame-scroll::-webkit-scrollbar-thumb{ border-radius:4px; background:rgba(0,0,0,0.2);}
/*当前窗口未激活的情况下*/
.frame-scroll::-webkit-scrollbar-thumb:window-inactive{ background:rgba(0,0,0,0.1);} 
/*hover到滚动条上*/
.frame-scroll::-webkit-scrollbar-thumb:vertical:hover{ background-color:rgba(0,0,0,0.3);}  
/*滚动条按下*/
.frame-scroll::-webkit-scrollbar-thumb:vertical:active{ background-color:rgba(0,0,0,0.4);}

/* 后台框架-内容 */
.frame-listbox{ min-width:700px; overflow-x:auto; overflow-y:hidden; border:#d7dde2 solid 1px; border-radius:6px!important; margin-bottom:0!important}
.frame-table{ color:#888; font-size:13px;}
.frame-table th{ background-color:#f7f8f9; border-bottom:#e0e4e8 solid 1px; color:#333; text-align:center; line-height:18px; padding:12px 0;}
.frame-table tr:hover td{ background-color:#fafafa;}
.frame-table td{ height:18px; border-bottom:#e1e9f1 solid 1px; text-align:center; line-height:18px; padding:20px 10px;}
.frame-table td a{ color:#555;}
.frame-table td a:hover{ color:#0099cc;}
.frame-table .headerimg img{ width:36px;}
.frame-table td.ope{ color:#ddd; text-align:center; white-space:nowrap;}
.frame-table td.ope a{ display:inline-block; min-width:56px; border:1px solid #ddd; border-radius:2px; text-align:center; margin:0 3px; padding:3px 8px; text-decoration:none;}
.frame-table thead tr th:first-child{ text-align:left; padding-left:20px;}
.frame-table tbody tr td:first-child{ text-align:left; padding-left:20px;}
.opebtn01{ background-color:#0cb4eb; border-color:#0cb4eb!important; color:#fff!important;}
.opebtn02{ background-color:#fafafa; color:#555!important;}
.paging-style{ height:auto; overflow:hidden; text-align:right; margin:0 1px; clear:both;}
.paging-style nav{ float:right;}
.paging-style .paginum{ float:left; color:#aaa; line-height:32px!important; margin:15px 10px;}
.paging-style .pagination{ margin:15px 0; float:left;}
.paging-style a{ color:#888!important;}
.paging-style .active a{ background-color:#596c7e!important; border-color:#596c7e!important; color:#fff!important;}
.frame-listbox .titlebar{ background-color:#f7f8f9; height:42px; overflow:hidden; border-bottom:#d7dde2 solid 1px; padding:6px 15px;}
.frame-listbox .titlebar h2{ color:#555; font-size:15px; font-weight:bold; line-height:30px;}
.edit-table{ line-height:1.5; margin:5px 0;}
.edit-table th{ border-bottom:1px dashed #e8e8e8; width:180px; color:#555; font-size:14px; text-align:right; vertical-align:top; padding:18px 0;}
.edit-table td{ border-bottom:1px dashed #e8e8e8; color:#888; font-size:14px; text-align:left; padding:18px 10px 18px 15px;}
.edit-table .error{ display:inline-block; color:#eb413d; padding:0 10px;}
.edit-table .hint{ display:inline-block; color:#aaa; padding:0 10px;}
.edit-table .headerimg{ margin:8px 0;}
.edit-table .form-control{ display:inline-block; font-size:14px;}
.edit-table .dropdown{ display:inline-block;}
.edit-table textarea{ padding:8px 12px;}
.edit-table input[type="radio"]{ display:inline-block;}
.edit-table label{ display:inline-block; color:#555; font-weight:normal; padding:0 20px 0 5px;}
.edit-table tr:last-child th,
.edit-table tr:last-child td{ border-bottom:0;}
.edit-table .label{ font-size:14px; margin-right:5px;}
.btn-lg01{ background-color:#0cb4eb; min-width:126px; border:#0cb4eb solid 1px; color:#fff; font-size:15px; text-align:center; margin:8px 3px; padding:9px 12px;}
.btn-lg01:hover{ background-color:#07aadf; border:#07aadf solid 1px; color:#fff;}
.btn-lg02{ background-color:#fafafa; min-width:126px; border:#ddd solid 1px; color:#555; font-size:15px; text-align:center; margin:8px 3px; padding:9px 12px;}
.btn-lg02:hover{ background-color:#f0f0f0; color:#333;}
.btn-lg03{ background-color:#ff6666; min-width:126px; border:#ff6666 solid 1px; color:#fff; font-size:15px; text-align:center; padding:9px 12px;}
.btn-lg03:hover{ background-color:#f35858; color:#fff;}

/* 弹出确认 */
.pop-shadow{ position:fixed; width:100%; height:100%; top:0; left:0; background:#000; filter:alpha(Opacity=50); -moz-opacity:0.5; opacity:0.5; z-index:99999;}
.pop-main{ position:fixed; top:50%; left:50%; background-color:#fff; border:1px solid ddd; z-index: 999999; border-radius:6px; -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2); box-shadow:0 5px 10px rgba(0,0,0,.2); line-break:auto;}
.pop-main .title{ background-color:#f7f7f7; height:40px; border-bottom:1px solid #ebebeb; border-radius:5px 5px 0 0; margin:0;}
.pop-main .title h3{ float:left; color:#333; font-size:15px; font-weight:bold; line-height:40px; padding:0 14px;}
.pop-main .title .closebtn{ float:right; width:40px; color:#ccc; font-size:30px; font-weight:normal; text-align:center; line-height:40px; text-decoration:none; cursor:pointer;}
.pop-main .title .closebtn:hover{ color:#ee0000;}
.pop-main .btnbar{ border-top:#fff solid 1px; text-align:center; margin:0 10px; padding:10px 14px;}
.btn-nm01{ background-color:#0cb4eb; min-width:100px; border:#0cb4eb solid 1px; color:#fff; font-size:14px; text-align:center; padding:6px 18px;}
.btn-nm01:hover{ background-color:#07aadf; border:#07aadf solid 1px; color:#fff;}
.btn-nm02{ background-color:#fafafa; min-width:100px; border:#ddd solid 1px; color:#555; font-size:14px; text-align:center; padding:6px 18px;}
.btn-nm02:hover{ background-color:#f0f0f0; color:#333;}
.pop-confirm{ display:none;}
.pop-confirm .pop-main{ width:520px; height:280px; margin-top:-140px; margin-left:-260px;}
.pop-confirm .pop-main .main{ height:170px;}
.pop-confirm .edit-table th{ width:130px; padding:10px 0;}
.pop-confirm .edit-table td{ word-break:break-all; white-space: normal; padding:10px;}
.pop-confirm .edit-table .label{ display:inline-block; font-size:13px; font-weight:normal; margin-top:3px; margin-bottom:3px; padding: .4em .8em .5em;}

/* 工单管理 */
.content-head{ height:54px; overflow:hidden; margin:-10px 0 -1px 4px; clear:both;}
.tabnav-bar li{ float:left; height:54px; border-bottom:solid 2px; border-color:transparent; line-height:54px; list-style:none;}
.tabnav-bar li a{ display:block; min-width:110px; color:#999; font-size:16px; text-align:center; padding:0 20px; text-decoration:none;}
.tabnav-bar li a:hover{ color:#0cb4eb;}
.tabnav-bar li.active{ border-color:#0cb4eb; font-weight:bold;}
.tabnav-bar li.active a{ color:#0cb4eb;}
.search-bar .form-control{ float:left; width:180px; height:30px; margin-top:12px; padding:0 10px;}
.search-bar .btn{ float:left; height:30px; background-color:#fff; border:#ccc solid 1px; margin:12px 1px 0 5px; padding:2px 12px;}
.order-detail{ background-color:#f0f3f5; margin:15px 15px 0; padding:15px 20px;}
.order-detail ul{ display:block; height:auto; overflow:hidden; padding:8px 0; clear:both;}
.order-detail li{ position:relative; float:left; width:33%; color:#555; font-size:13px; padding-left:70px;}
.order-detail li.lg{ float:left; width:100%;}
.order-detail li .tit{ position:absolute; left:0; top:0; width:70px; color:#aaa; text-align:right;}
.order-detail li b{ color:#333; font-size:15px;}
.order-box{ position:relative; display:block; margin:15px 15px 0; clear:both;}
.order-box .titbar{ background-color:#edf0f3; height:38px;}
.order-box .titbar h3{ position:absolute; left:-1px; top:-1px; height:39px; border-left:3px solid #0cb4eb; color:#0099cc; font-size:15px; font-weight:bold; line-height:38px; padding-left:12px;}
.order-box .mainbar{ padding:0 20px;}
.chatlist{ border-bottom:1px dashed #ddd; font-size:14px; margin-bottom:-1px; padding:20px 0;}
.chatlist .name{ color:#333; font-weight:bold; padding:2px 0;}
.chatlist .chat{ color:#555; padding:2px 14px;}
.chatlist .time{ color:#aaa; padding:2px 14px;}
.chatlist .link{ color:#aaa; padding:10px 14px;}
.chatlist .link a{ border-radius:4px; margin-right:6px; padding:2px 14px;}
.chat-me .name{ color:#999; font-weight:normal;}
.chat-me .chat{ color:#999;}
.feedback{ height:auto; overflow:hidden; padding-top:20px!important;}
.feedback .btnbar{ padding:10px 0 20px;}
.enc-hint{ color:#999; font-size:13px; line-height:1.5; padding:10px 0 5px;}
.font-red{ color:#eb413d;}

/* 下载管理 */
.frame-listbox .btnbar{ height:80px; text-align:center; padding-top:10px;}
.frame-listbox .btnbar a{ display:inline-block; border-radius:5px; text-decoration:none!important;}
.addto-list{ padding:5px 20px;}
.editbox-littit{ height:30px; overflow:hidden; margin:0 0 -5px; padding:5px 0;}
.editbox-littit h3{ float:left; border-left:2px solid #07aadf; color:#333; font-size:14px; font-weight:bold; line-height:20px; padding:0 12px;}
.addto-list .edit-table th{ line-height:32px;}

/* 用户管理 */
.icon-06{ background-position:-125px 0;}
.cur .icon-06{ background-position:-125px -25px;}

/* 拒绝授权 */
.refuse-list{ padding-bottom:12px;}
.refuse-list .font-gray{ color:#bbb; font-size:13px;}
.btn-nm03{ background-color:#ff6666; min-width:100px; border:#ff6666 solid 1px; color:#fff; font-size:14px; text-align:center; padding:6px 18px;}
.btn-nm03:hover{ background-color:#f35858; border:#f35858 solid 1px; color:#fff;}
.edit-table .btn-lg03{ margin:8px 3px;}

/* 登录 */
.content{ display:block; width:1100px; margin:0 auto; clear:both;}
.login-box{ background-color:#fff; height:auto; margin-top:30px;}
.login-left{ float:left; width:600px; height:auto; overflow:hidden;}
.login-left .title{ color:#0cb4eb; font-size:18px; line-height:26px; border-left:2px solid #0cb4eb; margin-top:36px; margin-bottom:40px; padding-left:16px;}
.login-left .inputbar{ position:relative; font-size:15px; margin-top:20px; padding-left:124px;}
.login-left .inputbar label{ position:absolute; left:92px; top:12px; background-image:url(../images/login_icon.png); width:24px; height:24px;}
.icon-username{ background-position:0 0;}
.icon-password{ background-position:0 -24px;}
.login-left .inputbar .form-control{ display:inline-block; background-color:#fff; width:300px; height:50px; border-color:#ddd; font-size:15px; padding:12px 8px;}
.login-left .findlink{ color:#999; margin:0 8px; cursor:pointer;}
.login-left .findlink:hover{ color:#0cb4eb;}
.login-left .logbtn{ margin:18px 0 0 124px;}
.login-left .logbtn .btn{ background-color:#0db4ea; border-color:transparent; width:160px; color:#fff; font-size:18px; padding:10px 12px; outline:none!important;}
.login-left .logbtn .btn:hover{ background-color:#03a5d9; color:#fff;}
.login-error{ height:auto; color:#eb413d; text-align:left; line-height:20px; margin:0 0 0 124px; padding:16px 0;}

/* 手机响应布局 */
.menu-openbtn{ display:none; position:fixed; left:0; top:0; background-color:#3b3d46; border:0; padding:23px 14px 19px; outline:none; z-index:9999;}
.menu-openbtn .icon-bar{ display:block; background-color:#fff; width:22px; height:2px; border-radius:1px; margin-bottom:4px;}
.fm-left-menu{ display:block; top:0; left:0; background-color:transparent; border:none; border-radius:0; box-shadow:none; margin:0; padding:0;}
.fm-left-menu li a{ line-height:50px;}
.fm-left-menu li a:hover{color:#959ca6;}
.fm-left-menu .cur{ color:#fff!important;}
.login-box{ position:absolute; left:12px; right:12px; top:12px; bottom:12px; height:auto; overflow:hidden; border-radius:5px; margin-top:0; padding-right:20px;}
.login-left{ width:100%;}
.login-left .title{ margin-top:40px; margin-bottom:50px;}
.login-left .inputbar .form-control{ width:400px;}
@media screen and (max-width: 768px) {	
	.frame-header{ z-index:1;}
	.frame-header .logo{ display:none;}
	.frame-header .location{ font-size:12px; margin-left:60px;}
	.frame-header .location b{ display:none;}
	.frame-header .userinfo{ font-size:12px; margin:20px 10px 0 0;}
	.frame-header .linksbtn li a{ padding:0 10px 0 30px;}
	.frame-header .linksbtn li a i{ left:10px;}
	.frame-header .linksbtn span{ display:none;}
	.frame-header .link-back{ display:none;}
	.menu-openbtn{ display:block; z-index:2;}
	.frame-left{ position:static; bottom:auto; background-color:transparent;}
	.fm-left-menu{ position:fixed; left:0; right:0; top:60px; height:auto; overflow:hidden; display:none; background-color:#3b3d46;}
	.fm-left-menu li{ line-height:60px; margin:0;}
	.fm-left-menu li a{ width:100%; height:60px; line-height:60px;}
	.fm-left-menu li a i.icon{ top:17px;}
	.frame-main{ position:static; overflow:auto; margin-top:60px; padding:12px;}
	.fm-content{ min-height:0; margin:0; z-index:1;}
	.content{ width:100%;}
	.login-box{ position:absolute; left:12px; right:12px; top:72px; bottom:12px; height:auto; overflow:hidden; border-radius:5px; margin-top:0; padding-right:20px;}
	.login-left{ width:100%;}
	.login-left .title{ margin-top:26px; margin-bottom:30px;}
	.login-left .inputbar{ padding-left:20px;}
	.login-left .inputbar label{ left:28px;}
	.login-left .inputbar .form-control{ width:100%; padding-left:36px;}
	.login-left .findlink{ float:right; margin:0; padding:12px 0;}
	.login-left .logbtn{ margin:18px 0 0 20px;}
	.login-left .logbtn .btn{ width:100%;}
	.login-error{ text-align:center; margin-left:20px;}
}

.btn,.form-control {border-radius: 0px;}
.container{ width: 100%; }